/* page */
.header{padding:20px 6% 50px;background: url('../img/family_bg.png') no-repeat center;background-size: cover;}
.title{width: 100%;}
.discription{margin-top:20px;color: #fff;font-size: 12px;line-height: 25px;}

.detail h2{width: 88%;height: 30px;margin:-15px auto 0;text-align: center;color: #fff;background: url('../img/top_background@2x.png') no-repeat center;background-size: 100% 100%;font-size: 15px;line-height: 30px;}
.page0{width:88%;margin:0 auto;padding-bottom: 20px;border-radius: 0 0 6px 6px;background: #f1f1f1;}
.page0 li{width: 100%;margin:20px 20px 0;color: #4d4d4d;font-size: 12px;}
.page0 li i{display: inline-block;width: 10px;height: 9px;margin-right: 5px;background: url('../img/icon_like.png') no-repeat center;background-size: 10px 9px;}

.page_outer{width:88%;margin:0 auto;padding:35px 0 0;text-align: center;background: #fff;}
.page_outer h1{margin-bottom: 16px;color: #22222d;font-size: 15px;}
.page_outer h1::before{display: block;width:46px;height:4.5px;margin:0 auto 8px;content:'';background: url('../img/icon_paragraph.png') no-repeat center;background-size: cover; }
.page_outer p{margin-top: 6px;color: #818181;font-size: 10px;line-height: 16px;}

#steps{margin-top: 30px;}
#steps img{width:36%;margin:0 auto 25px;}
#steps p{margin-bottom:5px;color:#666;font-size: 14px;}

#steps a{width:11px;height:14px;background: url('../img/icon_left.png') no-repeat center;background-size:100% 100%;}
#steps a.swiper-button-next{background-image:url('../img/icon_right.png');}
.swiper-pagination-bullet-active{background: #6d6c6c;}

.page2 {color:#fff;font-size: 14px;}
.page2 p{color:#fff;}
.page2 img{width:40%;}
.page2 h3{margin:6px auto 12px;}
.page2 li{padding:25px 0;}
.page2 li:nth-of-type(1){background: url('../img/introduce1.png') no-repeat center;background-size: cover;}
.page2 li:nth-of-type(2){background: url('../img/introduce2.png') no-repeat center;background-size: cover;}
.page2 li:nth-of-type(3){background: url('../img/introduce3.png') no-repeat center;background-size: cover;}

.page3{margin-top: 20px;}
.page3 img{width:60%;}
.page3 h4{color:#55a178;font-weight: 500;}
.page3 span{margin:0 5px;color:#55a178;font-size: 15px;}
.page3 .words1{text-align: right;}
.page3 .words2{margin-bottom: 40px;text-align: left;}
.page3 .words1 div,.page3 .words2 div{margin:20px 0;padding-right: 10px;text-align: right;border-right: 2px solid #55a178;}
.page3 .words2 div{padding-right: 0;padding-left: 10px;text-align: left;border-right: none;border-left:2px solid #55a178;}

a.tbf{height:30px;font-size:12px;padding:0 15px;color:#fff;display:inline-block;line-height:30px;cursor:pointer;border-radius:999px;}
a.tbf.white{background:rgba(255,255,255,.1);border:1px solid #fff;margin-top: 15px;}
a.tbf.green{background:#55a178;margin:0 auto 30px;}
